@media only screen and (min-width: 600px) and (max-width: 768px) {
	body{
			/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
		font-family: 'muli', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
	}
	form{
		margin:0px;
	}
	/* .final_bg{
		content:url("../image/Background_final.png");
	}*/
	#clickStart {
		position: absolute;
		width: 350px !important;
		height: 300px;
    background: transparent;
		z-index: 1000;
		cursor: pointer;
		border-radius: 50% 50%;
		right: calc(50% - 175px);
		top: calc(50% - 150px);
	}
	.arrow_bg{
		content:url("../image/Background_arrow-blink.gif");
	}

	.left-first-section {
		width: 72% !important;
    padding-right: 0px !important;
	}
	.right-first-section {
		width: 28% !important;
    padding-right: 0px;
	}	
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left;
	}
	.main-section{
		/* border-radius: 10px; */
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
		/* box-shadow: 0px 0px 10px 2px #888888; */
		/*EDITED
		width: 300px;
		width: 400px;
		width: 500px;*/
		width: 450px;

	  /*position: fixed;*/
		right:50px;
		
		/*Edited*/
		/*bottom:-370px;
		bottom:-477px;
		bottom:-700px;*/
		/* originial bottom:600px;*/
		bottom:-550px;

		/*CUSTOM*/
		transition: 1s;
	}
	.first-section:hover{
	  cursor: pointer;
	}
	.open-more{
	  bottom:0px !important;
	  transition:1s;
	}
	.border-chat{
	  /*border:1px solid #f47339;*/
	  margin: 0px;
	}
	.first-section{
	  background-color:#f47339;
		border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
	}
	.first-section p{
	  color:#fff;
	  margin:0px;
	  padding: 10px 0px;
	}
	.first-section p:hover{
	  color:#fff;
	  cursor: pointer;
	}
	.right-first-section{
	   text-align: right;
	}
	.right-first-section i{
	  color:#fff;
	  font-size: 15px;
	  padding: 12px 3px;
	}
	.right-first-section i:hover{
	  color:#fff;
	}
	.chat-section ul li{
	  list-style: none;
	  margin-top:10px;
	  position: relative;
	}
	.chat-section{
	  position:relative;
		
		/*height:300px;
		height:600px;
		EDITED*/
		/* original height:500px;*/
		height:450px;
	}
	.chat-section ul{
	  position:absolute;
	  padding: 0px;
	  overflow:auto;
      top:0;
			/*bottom:3px;
			EDITED*/
		bottom:0px;

	  width:100%;
	  margin-bottom:0px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  scrollbar-color:#ccc #f5f5f5;
	  scrollbar-width: thin;
	}
	.left-chat img{
	  width:50px;
	  height:45px;
	  float:right;
	  margin:0px 10px;

     	/* css for new UI */
		 position: absolute;
		 bottom: 35px;
		 right: 0px;
		 border-radius: 53%;
		 display: none;
	}

	.right-chat img{
	  width:50px;
	  height:45px;
	  float:left;
	  margin:0px 10px;

	      		/* css for new UI */
		 /* width:50px; */
		width:45px;
		position: absolute;
		bottom: 20px;
		border-radius: 53%;
		left: 0%;
	}

	.right-chat-media img{
		width:50px;
		height:45px;
		float:left;
		margin:0px 10px;
  
					/* css for new UI */
		   /* width:50px; */
		  width:45px;
		  position: absolute;
		  bottom: 20px;
		  border-radius: 53%;
		  left: 0%;
	  }

	.second-section{
	  padding: 0px;
	  margin: 0px;
	  background-color: #FFF;
		
		
		/*height: 300px;
		height: 600px;
		EDITED*/
		/* originial height: 500px;*/
		height: 450px;
	}
	.left-chat,.right-chat,.right-chat-media{
	  overflow: hidden;
	}
	.right-chat-avatar,.right-chat-media-avatar{
		width: 95%;
    	float: right;
	}
	.compactChat{
		width: 84%;
		float: right;
	}
	.left-chat-avatar{
		float: right;
	}
	.left-chat-avatar span{
		float: right !important;
		margin-right: 10px;
	}
	.left-chat p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:right;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		/* margin-bottom:20px;
		margin:0px !important; */
		      /* css for new UI */
/* 
		margin-bottom:20px;
		margin:0px !important; */

		/* css for new UI */
		border-radius: 16px 16px 0px 16px;
		padding: 10px 16px;
		margin-bottom:10px;
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400!important;

	}
	.right-chat p,.right-chat-media p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:left;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		/* margin-bottom:20px;
		margin:0px !important; */

				/* css for new UI */
		border-radius: 16px 16px 16px 0px;
		background-color: #ececec;
		padding: 10px 16px;
		margin-left: 63px;
		font-size: 14px;
		font-weight: 400!important;
		margin-bottom:0px;

	}
	.left-chat span{
		/*position: absolute;*/
		float: left;
    padding-left: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;

  	  /* css for new UI */
		padding-top: 11px;

	}
	.right-chat span,.right-chat-media span{
		/*position: absolute;*/
		float: right;
		padding-right: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;
	}
	.right-chat p,.right-chat-media p{
	  background-color: #F5F5F5;
	  color:#000;
	}
	.third-section{
	  border-top: 1px solid #EEEEEE;
	  position:inherit;
	  background:#ffffff;
		padding:4px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 0px solid #f9a61a66;
		margin: 0px;
		background: #FFF;
	  }
	
	.text-bar input{
	  width:100%;
	  margin-left:0px;
	  padding:10px 10px;
	  border:1px solid #fff;
	}
	.text-bar button
	{
		margin-top:-12%;
		position:absolute;
		margin-left:88%;
		background-color:#f47339;
		color:#fff;
		width:30px;
		height:30px;
		padding:7px 0px;
		border-radius: 50%;
		text-align: center;
		border:0;
	}
	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  border-top-color:#f47339; 
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);

			/* css for new UI */
			display:none;
	}
	.right-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
		border-top-color:#F5F5F5; 
		/*top: 47px;*/
		left: 94px;
		transform: rotate(270deg);

			/* css for new UI */
			display:none;
	}

	#messages::-webkit-scrollbar-track,
	#feedback::-webkit-scrollbar-track
	{
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		EDITED*/

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar,
	#feedback::-webkit-scrollbar
	{
		/*width: 10px;
		EDITED*/
		width: 3px;

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar-thumb,
	#feedback::-webkit-scrollbar-thumb
	{
		background-color: #f47339;
		border: 2px solid #f47339;
	}
	.fourth-section{
		border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
		border-top: 0px solid #EEEEEE;
		position:inherit;
		/* background-color:#f47339; */
		padding:2%
	  }
	  .fourth-section p{
		margin:0px;
	  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	body{
		/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
		font-family: 'muli', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
	}
	form{
		margin:0px;
	}
	
	#clickStart {
		position: absolute;
		width: 350px !important;
		height: 300px;
    background: transparent;
		z-index: 1000;
		cursor: pointer;
		border-radius: 50% 50%;
		right: calc(50% - 175px);
		top: calc(50% - 150px);
	}
	
	.final_bg{
		content:url("../image/Background_final.png");
	}
	.arrow_bg{
		content:url("../image/Background_arrow-blink.gif");
	}

	.left-first-section {
		width: 72% !important;
    padding-right: 0px !important;
	}
	.right-first-section {
		width: 28% !important;
    padding-right: 0px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left;
	}
	.main-section{
		border-radius: 10px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
		/* box-shadow: 0px 0px 10px 2px #888888; */
		/*EDITED
		width: 300px;
		width: 400px;
		width: 500px;*/
		width: 450px;

	  /*position: fixed;*/
		right:50px;
		
		/*Edited*/
		/*bottom:-370px;
		bottom:-477px;
		bottom:-700px;*/
		/* originial bottom:600px;*/
		bottom:-550px;

		/*CUSTOM*/
		transition: 1s;
	}
	.first-section:hover{
	  cursor: pointer;
	}
	.open-more{
	  bottom:0px !important;	
	  transition:1s;
	}
	.border-chat{
	  /*border:1px solid #f47339;*/
	  margin: 0px;
	}
	.first-section{
	  background-color:#f47339;
		border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
	}
	.first-section p{
	  color:#fff;
	  margin:0px;
	  padding: 10px 0px;
	}
	.first-section p:hover{
	  color:#fff;
	  cursor: pointer;
	}
	.right-first-section{
	   text-align: right;
	}
	.right-first-section i{
	  color:#fff;
	  font-size: 15px;
	  padding: 12px 3px;
	}
	.right-first-section i:hover{
	  color:#fff;
	}
	.chat-section ul li{
	  list-style: none;
	  margin-top:10px;
	  position: relative;
	}
	.chat-section{
	  position:relative;
		
		/*height:300px;
		height:600px;
		EDITED*/
		/* original height:500px;*/
		height:450px;
	}
	.chat-section ul{
	  position:absolute;
	  padding: 0px;
	  overflow:auto;
      top:0;
			/*bottom:3px;
			EDITED*/
		bottom:0px;

	  width:100%;
	  margin-bottom:0px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  scrollbar-color:#ccc #f5f5f5;
	  scrollbar-width: thin;
	}
	.left-chat img{
	  width:50px;
	  height:45px;
	  float:right;
	  margin:0px 10px;

	        	/* css for new UI */
	position: absolute;
	bottom: 35px;
	right: 0px;
	border-radius: 53%;
	display: none;

	}

	.right-chat img,.right-chat-media img{
	  width:50px;
	  height:45px;
	  float:left;
	  margin:0px 10px;

	      		/* css for new UI */
		 /* width:50px; */
		width:45px;
		position: absolute;
		bottom: 20px;
		border-radius: 53%;
		left: 0%;
	}

	.second-section{
	  padding: 0px;
	  margin: 0px;
	  background-color: #FFF;
		
		
		/*height: 300px;
		height: 600px;
		EDITED*/
		/* originial height: 500px;*/
		height: 450px;
	}
	.left-chat,.right-chat,.right-chat-media{
	  overflow: hidden;
	}
	.right-chat-avatar,.right-chat-media-avatar{
		width: 95%;
    	float: right;
	}
	.compactChat{
		width: 84%;
		float: right;
	}
	.left-chat-avatar{
		float: right;
	}
	.left-chat-avatar span{
		float: right !important;
		margin-right: 10px;
	}
	.left-chat p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:right;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;
/* 
		margin-bottom:20px;
		margin:0px !important; */
		
		/* css for new UI */
		border-radius: 16px 16px 0px 16px;
		padding: 10px 16px;
		margin-bottom:10px;
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400!important;

	}
	.right-chat p,.right-chat-media p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:left;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		/* margin-bottom:20px;
		margin:0px !important; */
				/* css for new UI */
		border-radius: 16px 16px 16px 0px;
		background-color: #ececec;
		padding: 10px 16px;
		margin-left: 63px;
		font-size: 14px;
		font-weight: 400!important;
		margin-bottom:0px;
	}
	.left-chat span{
		/*position: absolute;*/
		float: left;
    padding-left: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;

	
	  	  /* css for new UI */
			padding-top: 11px;
	}
	.right-chat span,.right-chat-media span{
		/*position: absolute;*/
		float: right;
		padding-right: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;
	}
	.right-chat p,.right-chat-media p{
	  background-color: #F5F5F5;
	  /* color:#000; */
	  color:#F5F5F5;
	}
	.third-section{
	  border-top: 1px solid #EEEEEE;
	  position:inherit;
	  background:#ffffff;
		padding:4px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 0px solid #f9a61a66;
		margin: 0px;
		background: #FFF;

	  }
	
	.text-bar input{
	  width:100%;
	  margin-left:0px;
	  padding:10px 10px;
	  border:1px solid #fff;
	}
	.text-bar button
	{
		margin-top:-12%;
		position:absolute;
		margin-left:88%;
		background-color:#f47339;
		color:#fff;
		width:30px;
		height:30px;
		padding:7px 0px;
		border-radius: 50%;
		text-align: center;
		border:0;
	}
	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  border-top-color:#f47339; 
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);

			/* css for new UI */
			display:none;
	}
	.right-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
		border-top-color:#F5F5F5; 
		/*top: 47px;*/
		left: 94px;
		transform: rotate(270deg);

			/* css for new UI */
			display:none;
	}

	#messages::-webkit-scrollbar-track,
	#message::-webkit-scrollbar-track
	{
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		EDITED*/

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar,
	#message::-webkit-scrollbar
	{
		/*width: 10px;
		EDITED*/
		width: 3px;

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar-thumb
	#message::-webkit-scrollbar-thumb
	{
	
		background-color: #f47339;
		border: 2px solid #f47339;
	}
	.fourth-section{
		border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
		border-top: 0px solid #EEEEEE;
		position:inherit;
		/* background-color:#f47339; */
		padding:2%
	  }
	  .fourth-section p{
		margin:0px;
	  }
}

@media only screen and (min-width: 992px) {
	body{
		/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
		font-family: 'muli', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
	}
	form{
		margin:0px;
	}

	#clickStart {
		position: absolute;
		width: 350px !important;
		height: 300px;
    background: transparent;
		z-index: 1000;
		cursor: pointer;
		border-radius: 50% 50%;
		right: calc(50% - 175px);
		top: calc(50% - 150px);
	}

	.final_bg{
		content:url("../image/Background_final.png");
	}
	
	.arrow_bg{
		content:url("../image/Background_arrow-blink.gif");
	}

	.left-first-section {
		width: 72% !important;
    padding-right: 0px !important;
	}
	.right-first-section {
		width: 28% !important;
    padding-right: 0px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left;
	}
	.main-section{
		border-radius: 10px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
		/* box-shadow: 0px 0px 10px 2px #888888; */
		/*EDITED
		width: 300px;
		width: 400px;
		width: 500px;*/
		width: 450px;

	  /*position: fixed;*/
		right:50px;
		
		/*Edited*/
		/*bottom:-370px;
		bottom:-477px;
		bottom:-700px;*/
		/* originial bottom:600px;*/
		bottom:-550px;

		/*CUSTOM*/
		transition: 1s;
	}
	.first-section:hover{
	  cursor: pointer;
	}
	.open-more{
	  bottom:0px !important;
	  transition:1s;
	}
	.border-chat{
	  /*border:1px solid #f47339;*/
		margin: 0px;
		/*border-radius: 20px;*/
	}
	.first-section{
		background-color:#f47339;
		border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
	}
	.first-section p{
	  color:#fff;
	  margin:0px;
	  padding: 10px 0px;
	}
	.first-section p:hover{
	  color:#fff;
	  cursor: pointer;
	}
	.right-first-section{
	   text-align: right;
	}
	.right-first-section i{
	  color:#fff;
	  font-size: 15px;
	  padding: 12px 3px;
	}
	.right-first-section i:hover{
	  color:#fff;
	}
	.chat-section ul li{
	  list-style: none;
	  margin-top:10px;
	  position: relative;
	}
	.chat-section{
	  position:relative;
		
		/*height:300px;
		height:600px;
		EDITED*/
		/* original height:500px;*/
		height:450px;
	}
	.chat-section ul{
	  position:absolute;
	  padding: 0px;
	  overflow:auto;
      top:0;
			/*bottom:3px;
			EDITED*/
		bottom:0px;

	  width:100%;
	  margin-bottom:0px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  scrollbar-color:#ccc #f5f5f5;
	  scrollbar-width: thin;
	}
	.left-chat img{
	  width:50px;
	  height:45px;
	  float:right;
	  margin:0px 10px;

      	/* css for new UI */
		  position: absolute;
		  bottom: 35px;
		  right: 0px;
		  border-radius: 53%;
		  display: none;
	  
	}

	.right-chat img,.right-chat-media img{
	  width:50px;
	  height:45px;
	  float:left;
	  margin:0px 10px;

	      		/* css for new UI */
		 /* width:50px; */
		width:45px;
		position: absolute;
		bottom: 20px;
		border-radius: 53%;
		left: 0%;
	}

	.second-section{
	  padding: 0px;
	  margin: 0px;
	  background-color: #FFF;
		
		
		/*height: 300px;
		height: 600px;
		EDITED*/
		/* originial height: 500px;*/
		height: 450px;
	}
	.left-chat,.right-chat,.right-chat-media{
	  overflow: hidden;
	}
	.right-chat-avatar,.right-chat-media-avatar{
		width: 95%;
    	float: right;
	}
	.compactChat{
		width: 84%;
		float: right;
	}
	.left-chat-avatar{
		float: right;
	}
	.left-chat-avatar span{
		float: right !important;
		margin-right: 10px;
	}
	.left-chat p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:right;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		/* margin-bottom:20px;
		margin:0px !important; */
				/* css for new UI */
		border-radius: 16px 16px 0px 16px;
		padding: 10px 16px;
		margin-bottom:10px;
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400!important;
	}
	.right-chat p,.right-chat-media p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:left;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		/* margin-bottom:20px;
		margin:0px !important; */
		
		/* css for new UI */
		border-radius: 16px 16px 16px 0px;
		background-color: #ececec;
		padding: 10px 16px;
		margin-left: 63px;
		font-size: 14px;
		font-weight: 400!important;
		margin-bottom:0px;
	}
	.left-chat span{
		/*position: absolute;*/
		float: left;
    padding-left: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;

	  
	  	  /* css for new UI */
			padding-top: 11px;
	}
	.right-chat span,.right-chat-media span{
		/*position: absolute;*/
		float: right;
		padding-right: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;
	}
	.right-chat p,.right-chat-media p{
	  background-color: #F5F5F5;
	  color:#000;
	}
	.third-section{
	  border-top: 1px solid #EEEEEE;
	  position:inherit;
	  background:#ffffff;
	  padding:4px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 0px solid #f9a61a66;
		margin: 0px;
		background: #FFF;
	  }
	
	.text-bar input{
	  width:100%;
	  margin-left:0px;
	  padding:10px 10px;
	  border:1px solid #fff;
	}
	.text-bar button
	{
		margin-top:-12%;
		position:absolute;
		margin-left:88%;
		/* background-color:#f47339; */
		color:#fff;
		width:30px;
		height:30px;
		padding:7px 0px;
		border-radius: 50%;
		text-align: center;
		border:0;
	}
	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  /* border-top-color:#f47339;  */
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);
			/* css for new UI */
			display:none;
	}

	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  border-top-color:#f47339; 
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);

			/* css for new UI */
			display:none;
	}

	.right-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
		border-top-color:#F5F5F5; 
		/*top: 47px;*/
		left: 94px;
		transform: rotate(270deg);

			/* css for new UI */
			display:none;
	}
	
	#feedback li:hover {
		background-color: #f1f0f1 !important;
		color: #000 !important;
		border-radius: 5px;
	}

	#messages::-webkit-scrollbar-track,
	#feedback::-webkit-scrollbar-track
	{
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		EDITED*/

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar,
	#feedback::-webkit-scrollbar
	{
		/*width: 10px;
		EDITED*/
		width: 3px;

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar-thumb,
	#feedbcak::-webkit-scrollbar-thumb
	{
	
		background-color: #f47339;
		border: 2px solid #f47339;
	}
	.fourth-section{
		border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
		border-top: 0px solid #EEEEEE;
		position:inherit;
		/* background-color:#f47339; */
		padding:2%
	  }
	  .fourth-section p{
		margin:0px;
	  }
}


@media only screen and (min-width: 350px) and (max-width: 600px) {
	body{
		/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
		font-family: 'muli', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
	}
	form{
		margin:0px;
	}
	
	#clickStart {
		position: absolute;
		width: 300px !important;
		height: 200px;
    background: transparent;
		z-index: 1000;
		cursor: pointer;
		border-radius: 50% 50%;
		right: calc(50% - 150px);
		top: calc(50% - 200px);
	}
	/*EDITED*/
	.final_bg{
		/* content:url("../image/Mobile_Background.png"); */
		content:url("../image/Background_final.png");
	}
	.arrow_bg{
		content:url("../image/Mobile_arrow-blink.gif");
	}

	.left-first-section {
		width: 70%;
    padding-right: 0px;
	}
	.right-first-section {
		width: 30%;
    padding-right: 0px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left;
	}
	/*EDITED*/
	.main-section{
		/* border-radius: 10px; */
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
		/* box-shadow: 0px 0px 10px 2px #888888; */
		/*EDITED
		width: 300px;
		width: 400px;*/
		width: auto;

	  /*position: fixed;*/
		right:0px;
		
		/*Edited*/
		/*bottom:-370px;
		bottom:-477px;
		bottom:-700px;*/
		/* originial bottom:600px;*/
		bottom:-550px;

		/*CUSTOM*/
		transition: 1s;
	}
	.first-section:hover{
	  cursor: pointer;
	}
	.open-more{
	  bottom:0px !important;
	  transition:1s;
	}
	.border-chat{
	  /*border:1px solid #f47339;*/
	  margin: 0px;
	}
	.first-section{
	  background-color:#f47339;
		border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
	}
	.first-section p{
	  color:#fff;
	  margin:0px;
	  padding: 10px 0px;
	}
	.first-section p:hover{
	  color:#fff;
	  cursor: pointer;
	}
	.right-first-section{
	   text-align: right;
	}
	.right-first-section i{
	  color:#fff;
	  font-size: 15px;
	  padding: 12px 3px;
	}
	.right-first-section i:hover{
	  color:#fff;
	}
	.chat-section ul li{
	  list-style: none;
	  margin-top:10px;
	  position: relative;
	}
	.chat-section{
	  position:relative;
		
		/*height:300px;
		height:600px;
		EDITED*/
		/* original height:500px;*/
		height:450px;
	}
	.chat-section ul{
	  position:absolute;
	  padding: 0px;
	  overflow:auto;
      top:0;
			/*bottom:3px;
			EDITED*/
		bottom:0px;

	  width:100%;
	  margin-bottom:0px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  scrollbar-color:#ccc #f5f5f5;
	  scrollbar-width: thin;
	}
	.left-chat img{
	  width:50px;
	  height:45px;
	  float:right;
	  margin:0px 10px;

	  	/* css for new UI */
	position: absolute;
	bottom: 35px;
	right: 0px;
	border-radius: 53%;
	display: none;
	
	}

	.right-chat img,.right-chat-media img{
	 
	  height:45px;
	  float:left;
	  margin:0px 10px;

		/* css for new UI */
		 /* width:50px; */
		width:45px;
		position: absolute;
		bottom: 20px;
		border-radius: 53%;
		left: 0%;
	}

	.second-section{
	  padding: 0px;
	  margin: 0px;
	  background-color: #FFF;
		
		
		/*height: 300px;
		height: 600px;
		EDITED*/
		/* originial height: 500px;*/
		height: 450px;
	}
	.left-chat,.right-chat,.right-chat-media{
	  overflow: hidden;
	}
	.right-chat-avatar,.right-chat-media-avatar{
		width: 95%;
    	float: right;
	}
	.compactChat{
		width: 84%;
		float: right;
	}
	.left-chat-avatar{
		float: right;
	}
	.left-chat-avatar span{
		float: right !important;
		margin-right: 10px;
	}
	.left-chat p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:right;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;
		
		/* css for new UI */
/* 
		margin-bottom:20px;
		margin:0px !important; */

		/* css for new UI */
		border-radius: 16px 16px 0px 16px;
		padding: 10px 16px;
		margin-bottom:10px;
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400!important;
	}
	.right-chat p,.right-chat-media p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:left;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		EDITED*/
		width:80%;

		
		/* css for new UI */
		/* margin-bottom:20px;
		margin:0px !important; */


		/* css for new UI */
		border-radius: 16px 16px 16px 0px;
		background-color: #ececec;
		padding: 10px 16px;
		margin-left: 63px;
		font-size: 14px;
		font-weight: 400!important;
		margin-bottom:0px;
	}
	.left-chat span{
		/*position: absolute;*/
		float: left;
    padding-left: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;

	  	  /* css for new UI */
			padding-top: 11px;
	}
	.right-chat span,.right-chat-media span{
		/*position: absolute;*/
		float: right;
		padding-right: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;
	}
	.right-chat p,.right-chat-media p{
	  background-color: #F5F5F5;
	  color:#000;
	}
	.third-section{
	  border-top: 1px solid #EEEEEE;
	  position:inherit;
	  background:#ffffff;
	  padding:4px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 0px solid #f9a61a66;
		margin: 0px;
		background: #FFF;
	  }
	
	.text-bar input{
	  width:100%;
	  margin-left:0px;
	  padding:10px 10px;
	  border:1px solid #fff;
	}
	.text-bar button
	{
		margin-top:-12%;
		position:absolute;
		margin-left:88%;
		background-color:#f47339;
		color:#fff;
		width:30px;
		height:30px;
		padding:7px 0px;
		border-radius: 50%;
		text-align: center;
		border:0;
	}
	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  border-top-color:#f47339; 
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);

		
			/* css for new UI */
			display:none;
	}
	.right-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
		border-top-color:#F5F5F5; 
		/*top: 47px;*/
		left: 94px;
		transform: rotate(270deg);

					/* css for new UI */
					display:none;
	}

	#messages::-webkit-scrollbar-track,
	#feedback::-webkit-scrollbar-track
	{
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		EDITED*/

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar,
	#feedback::-webkit-scrollbar
	{
		/*width: 10px;
		EDITED*/
		width: 3px;

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar-thumb,
	#feedback::-webkit-scrollbar-thumb
	{
	
		background-color: #f47339;
		border: 2px solid #f47339;
	}
	.fourth-section{
		border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
		border-top: 0px solid #EEEEEE;
		position:inherit;
		/* background-color:#f47339; */
		padding:2%
	  }
	  .fourth-section p{
		margin:0px;
	  }
}


@media only screen and (min-width: 200px) and (max-width: 350px) {
	body{
		/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
		font-family: 'muli', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
	}
	form{
		margin:0px;
	}
	/*EDITED*/
	.final_bg{
		/* content:url("../image/Mobile_Background.png"); */
		content:url("../image/Background_final.png");
	}
	.arrow_bg{
		content:url("../image/Mobile_arrow-blink.gif");
	}

	
	#clickStart {
		position: absolute;
		width: 300px !important;
		height: 200px;
    background: transparent;
		z-index: 1000;
		cursor: pointer;
		border-radius: 50% 50%;
		right: calc(50% - 150px);
		top: calc(50% - 200px);
	}

	.left-first-section {
		width: 65% !important;
    padding-right: 0px;
	}
	.right-first-section {
		width: 35%;
    padding-right: 0px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		float: left;
	}
	/*EDITED*/
	.main-section{
		/* border-radius: 10px; */
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
		/* box-shadow: 0px 0px 10px 2px #888888; */
		/*EDITED
		width: 300px;
		width: 400px;*/
		width: auto;

	  /*position: fixed;*/
		right:0px;
		
		/*Edited*/
		/*bottom:-370px;
		bottom:-477px;
		bottom:-700px;*/
		/* originial bottom:600px;*/
		bottom:-550px;

		/*CUSTOM*/
		transition: 1s;
	}
	.first-section:hover{
	  cursor: pointer;
	}
	.open-more{
	  bottom:0px !important;
	  transition:1s;
	}
	.border-chat{
	  /*border:1px solid #f47339;*/
	  margin: 0px;
	}
	.first-section{
	  background-color:#f47339;
		border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 1%;
    padding-bottom: 1%;
	}
	.first-section p{
	  color:#fff;
	  margin:0px;
	  padding: 10px 0px;
	}
	.first-section p:hover{
	  color:#fff;
	  cursor: pointer;
	}
	.right-first-section{
		 text-align: right;
		 width: 35% !important;;
	}
	.right-first-section i{
	  color:#fff;
	  font-size: 15px;
	  padding: 12px 3px;
	}
	.right-first-section i:hover{
	  color:#fff;
	}
	.chat-section ul li{
	  list-style: none;
	  margin-top:10px;
	  position: relative;
	}
	.chat-section{
	  position:relative;
		
		/*height:300px;
		height:600px;
		EDITED*/
		/* original height:500px;*/
		height:450px;
	}
	.chat-section ul{
	  position:absolute;
	  padding: 0px;
	  overflow:auto;
      top:0;
			/*bottom:3px;
			EDITED*/
		bottom:0px;

	  width:100%;
	  margin-bottom:0px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  scrollbar-color:#ccc #f5f5f5;
	  scrollbar-width: thin;
	}
	.left-chat img{
	  width:50px;
	  height:45px;
	  float:right;
	  margin:0px 10px;

	        	/* css for new UI */
	position: absolute;
	bottom: 35px;
	right: 0px;
	border-radius: 53%;
	display: none;

	}

	.right-chat img,.right-chat-media img{
	  width:50px;
	  height:45px;
	  float:left;
	  margin:0px 10px;

	      		/* css for new UI */
		 /* width:50px; */
		width:45px;
		position: absolute;
		bottom: 20px;
		border-radius: 53%;
		left: 0%;
	}

	.second-section{
	  padding: 0px;
	  margin: 0px;
	  background-color: #FFF;
		
		
		/*height: 300px;
		height: 600px;
		EDITED*/
		/* originial height: 500px;*/
		height: 450px;
	}
	.left-chat,.right-chat,.right-chat-media{
	  overflow: hidden;
	}
	.right-chat-avatar,.right-chat-media-avatar{
		width: 95%;
    	float: right;
	}
	.compactChat{
		width: 84%;
		float: right;
	}
	.left-chat-avatar{
		float: right;
	}
	.left-chat-avatar span{
		float: right !important;
		margin-right: 10px;
	}
	.left-chat p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:right;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		width:80%;
		EDITED*/
		width:75%;


        /* css for new UI */
/* 
		margin-bottom:20px;
		margin:0px !important; */

		/* css for new UI */
		border-radius: 16px 16px 0px 16px;
		padding: 10px 16px;
		margin-bottom:10px;
		margin-right: 24px;
		font-size: 14px;
		font-weight: 400!important;
	}
	.right-chat p,.right-chat-media p{
	  word-wrap: break-word;
	  background-color:#f47339;
	  padding: 10px;
	  color:#fff;
	  border-radius: 5px; 
	  float:left;
		font-size: 15px;
		
		/*width:60%;		
		width:82%;
		width:80%;
		EDITED*/
		width:75%;


        	/* css for new UI */
		/* margin-bottom:20px;
		margin:0px !important; */


		/* css for new UI */
		border-radius: 16px 16px 16px 0px;
		background-color: #ececec;
		padding: 10px 16px;
		margin-left: 63px;
		font-size: 14px;
		font-weight: 400!important;
		margin-bottom:0px;

	}
	.left-chat span{
		/*position: absolute;*/
		float: left;
    padding-left: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;


	  	  /* css for new UI */
			padding-top: 11px;

	}
	.right-chat span,.right-chat-media span{
		/*position: absolute;*/
		float: right;
		padding-right: 10px;
	  left:86%;
	  color:#B7BCC5;
	  font-size:inherit;
	  top:10px;
	}
	.right-chat p,.right-chat-media p{
	  background-color: #F5F5F5;
	  color:#000;
	}
	.third-section{
	  border-top: 1px solid #EEEEEE;
	  position:inherit;
	  background:#ffffff;
	  padding:4px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-top: 0px solid #f9a61a66;
		margin: 0px;
		background: #FFF;
	  }
	
	.text-bar input{
	  width:100%;
	  margin-left:0px;
	  padding:10px 10px;
	  border:1px solid #fff;
	}
	.text-bar button
	{
		margin-top:-12%;
		position:absolute;
		margin-left:88%;
		background-color:#f47339;
		color:#fff;
		width:30px;
		height:30px;
		padding:7px 0px;
		border-radius: 50%;
		text-align: center;
		border:0;
	}
	.left-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
	  border-top-color:#f47339; 
		/*left: 329px;*/
		right: 90px;
		transform: rotate(90deg);

			/* css for new UI */
			display:none;
	}
	.right-chat:before{
	  content: " ";
	  position:absolute;
	  /*top:0px;
	  left:55px;*/
	  bottom:6px;
	  border:15px solid transparent;
		border-top-color:#F5F5F5; 
		/*top: 47px;*/
		left: 94px;
		transform: rotate(270deg);

			/* css for new UI */
			display:none;
	}

	#messages::-webkit-scrollbar-track
	{
		/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		EDITED*/

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar
	{
		/*width: 10px;
		EDITED*/
		width: 3px;

		background-color: #F5F5F5;
	}

	#messages::-webkit-scrollbar-thumb
	{
	
		background-color: #f47339;
		border: 2px solid #f47339;
	}
	.fourth-section{
		border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
		border-top: 0px solid #EEEEEE;
		position:inherit;
		/* background-color:#f47339; */
		padding:2%
	  }
	  .fourth-section p{
		margin:0px;
		}
		#msgTextarea{
			width:87% !important;
		}
}

#confirmation{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 40% 10%;
	/*background: #00000080;*/
	background-color : rgba(0,0,0,0.5);
	z-index: 50;
	font-size: large;
	color: #fff;
}

#videoCallConfirmation{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 40% 10%;
	background-color : rgba(0,0,0,1);
	z-index: 50;
	font-size: large;
	color: #fff;
}



/*CUSTOM CSS*/
.custom-buttons{
	width: 30px;
	height: 30px;
	font-size: 14px;
	color: #DDD;
	border: 2px solid #DDD;
	line-height: 25px !important;
	border-radius: 20%;
	padding: 0px !important;
	text-align: center;
}
.custom-buttons:hover{
	color: #FFF !important;
	border: 2px solid #FFF !important;
}
.suggestion{
	background-color: #FFF !important;
	color: #000 !important;
	border-radius: 28px;
	margin-top: 10px;
	border : 1px solid #f47339;
}
.suggestion:hover{
	background-color: #f47339 !important;
	color: #FFF !important;
}

.vertical_banner {
	border: 1px solid #E9E3DD !important;
	float: left !important;
	height: 210px !important;
	margin: 2px !important;
	padding: 4px 2px 10px 10px !important;
	text-align: left !important;
	width: 117px !important;
	position:relative !important;
}

#bottom_link{
	position:absolute !important;                  /* added */
	bottom:0 !important;                           /* added */
	left:0 !important;                           /* added */
 }
 
.bottom_link{
	position:absolute !important;                  /* added */
	bottom:12px !important;                           /* added */
	left:0 !important;                           /* added */
 }

 .ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
 }

 .custom_text{
	font-style: inherit;
	padding: 10px;
	padding-bottom: 20px !important;
	white-space: pre-wrap;
 }
 .activeFlowUI{
	width: 111%;
    margin-right: -5%;
    background: black;
    margin-bottom: 18px;
    margin-top: -10px;
    color: white !important;
    text-align: center;
    padding: 11px;
    border-radius: 14px 14px 0px 0px;
 }

 .customBtn{
	font-style: initial;
	font-size: 15px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	/*border: 1px solid;*/
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: white;
	width: auto !important;
	box-shadow: 0px 0px 5px 0px #888888;
	float: right;
	min-width: 100%;
 }

 .customBtn:hover {
	font-style: initial;
	font-size: 15px;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	/*border: 1px solid;*/
	margin-bottom: 15px;
	border-radius: 5px;
	background-color: #f47339;
	color: #fff;
	cursor: pointer;
	box-shadow: 0px 0px 5px 0px #888888;
 }

 .custom-shadow{
	 box-shadow: none !important;
	 font-size: 16px;
 }

 .custom-label{
	font-weight: 100;
	font-family: muli, sans-serif;
	padding-left: 0px;
 }

/*FOR FEEDBACK DESIGN*/

.fa-star{
	font-size: 40px !important;
	float: left !important;
}

.checked {
	color: orange !important;
}	

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGKw.woff) format('woff');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v12/7Au_p_0qiz-adYnjOCX2yQ.woff) format('woff');
}

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}

.blog{
	z-index:1;
}
.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@media screen and (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-fade .carousel-item{opacity:0;transition-duration:.6s;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{opacity:0}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}

/* FOR TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
	.final_bg{
		/* content:url("../image/Tablet_Background.png") !important; */
		content:url("../image/Background_final.png");
	}
	.arrow_bg{
		content:url("../image/Tablet_arrow-blink.gif") !important;
	}
}

/* css for custom select */
/* Reset Select */
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		box-shadow: none;
		border: 0 !important;
	/*   background: #2c3e50; */
		background-image: none;
	}